<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  
  <!-- 
    定义：
    CSS继承是指我们设置上级(父级)的CSS样式，上级（父级）及以下的子级（下级）都具有此属性。
    哪些会被继承：
    一般情况下，只有文字相关的样式可以被继承。
    inherit：
    布局相关的样式默认不能被继承，但可以通过设置继承属性 inherit 来继承布局相关属性。

   -->
    <style>
      #div1{
        border: 2px red solid;
        width: 200px;
        height: 200px;
        
        font-weight: bold;
        color: yellow;

        
        
      }

      #div1 > div{
        width: 100px;
        height: 100px;
        border:inherit;

      }
      
    </style>

</head>
<body>
  
  <div id="div1">
    <p>这个是个段落</p>
    <div>dadadadad</div>
  </div>
</body>
</html>